<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>window.opener</title>
	</head>
	<body>
		<button id="open">打开一个新窗口</button>

		<script>
			const open = document.querySelector('#open')
			open.addEventListener('click', () => {
				const newWin = window.open('about:blank', 'hello', 'width=200,height=200')

				// window.opener 是表示主窗口（打开弹窗的窗口），这里把主窗口的内容重写成了 Test!
				// 所以，窗口之间的连接是双向的：主窗口和弹窗之间相互引用。
				newWin.document.write(`<script>window.opener.document.write('Test!')<\/script>`)
			})
		</script>
	</body>
</html>
